<% layout("/common/layout.html",{"title":"食药申请详情"}){ %>
<div class="row wrapper border-bottom white-bg page-heading">
	<div class="col-sm-8">
		<h2>食药变更列表</h2>
		<ol class="breadcrumb">
			<li><a href="${ctxPath}/admin/main">主页</a></li>
			<li><a href="../view/index">食药变更列表</a></li>
			<li class="active">详情</li>
		</ol>
	</div>
	<div class="col-sm-4">
		<div class="title-action">
			<div class="btn-group">
		<a
					class="btn btn-primary btn-outline" href="../view/index"><i
					class="fa fa-reply"> </i> 返回列表</a>
			</div>
		</div>
	</div>
</div>

<div class="wrapper wrapper-content">
	<div class="tabs-container" id="tabs-container">
		<ul class="nav nav-tabs">
			<li class="active"><a data-toggle="tab" href="#tab-1"
				aria-expanded="true"> 基本信息</a></li>
			<li class=""><a data-toggle="tab" href="#tab-2"
				aria-expanded="false">代办人信息</a></li>
			<li class=""><a data-toggle="tab" href="#tab-3"
				aria-expanded="false">法人信息</a></li>
			<li class=""><a data-toggle="tab" href="#tab-4"
				aria-expanded="false">卫生许可申请表</a></li>
			<li class=""><a data-toggle="tab" href="#tab-5"
				aria-expanded="false">从业人员信息</a></li>
			<li class=""><a data-toggle="tab" href="#tab-6"
				aria-expanded="false">设备信息</a></li>
			<li class=""><a data-toggle="tab" href="#tab-7"
				aria-expanded="false">审批信息</a></li>
		</ul>
		<div class="tab-content">
			<div id="tab-1" class="tab-pane active">
				<div class="panel-body">
					<form class="form-horizontal col-sm-offset-1" role="form">

						<!--<legend>公司基本信息</legend>-->
						<div class="form-group">
							<label for="companyName" class="control-label-info pull-left">企业名称：</label>
							<div class="col-sm-10">
								<div class="input-group col-sm-4">
									<input id="companyName" name="companyName" class="form-control"
										type="text" value="${companyName}" disabled>
								</div>
							</div>
						</div>

						<div class="form-group">
							<label for="companyName" class="control-label-info pull-left">营业执照：</label>
							<div class="col-sm-10" id="fooddrugBrandList">
								<% if(isNotEmpty(companyLicenseList)){ for(companyLicensepic in
								companyLicenseList){ %>
								<div class="col-sm-2">
									<img
										src="${uploaderFilesDomain!}${companyLicensepic!'/static/images/nopic.jpg'}"
										class="img-thumbnail" title="点击查看大图" alt="点击查看大图">
								</div>
								<% } } %>
							</div>
						</div>


						<div class="form-group">
							<label for="companyName" class="control-label-info pull-left">租赁合同：</label>
							<div class="col-sm-10" id="fooddrugBrandList">
								<% if(isNotEmpty(rentalContractList)){ for(rentalContractpic in
								rentalContractList){ %>
								<div class="col-sm-2">
									<img
										src="${uploaderFilesDomain!}${rentalContractpic!'/static/images/nopic.jpg'}"
										class="img-thumbnail" title="点击查看大图" alt="点击查看大图">
								</div>
								<% } } %>
							</div>
						</div>

						<div class="form-group">
							<label for="companyName" class="control-label-info pull-left">布&nbsp;
								局&nbsp; 图：</label>
							<div class="col-sm-10" id="fooddrugBrandList">
								<% if(isNotEmpty(layoutList)){ for(layoutpic in layoutList){ %>
								<div class="col-sm-2">
									<img
										src="${uploaderFilesDomain!}${layoutpic!'/static/images/nopic.jpg'}"
										class="img-thumbnail" title="点击查看大图" alt="点击查看大图">
								</div>
								<% } } %>
							</div>
						</div>

						<div class="form-group">
							<label for="companyName" class="control-label-info pull-left">操作流程：</label>
							<div class="col-sm-10" id="fooddrugBrandList">
								<% if(isNotEmpty(operatingProceduresList)){
								for(operatingProcedurespic in operatingProceduresList){ %>
								<div class="col-sm-2">
									<img
										src="${uploaderFilesDomain!}${operatingProcedurespic!'/static/images/nopic.jpg'}"
										class="img-thumbnail" title="点击查看大图" alt="点击查看大图">
								</div>
								<% } } %>
							</div>
						</div>


						<div class="form-group">
							<label for="companyName" class="control-label-info pull-left">方&nbsp;
								位&nbsp; 图：</label>
							<div class="col-sm-10" id="fooddrugBrandList">
								<% if(isNotEmpty(orientationMapList)){ for(orientationMappic in
								orientationMapList){ %>
								<div class="col-sm-2">
									<img
										src="${uploaderFilesDomain!}${orientationMappic!'/static/images/nopic.jpg'}"
										class="img-thumbnail" title="点击查看大图" alt="点击查看大图">
								</div>
								<% } } %>
							</div>
						</div>
					</form>


				</div>
			</div>

			<div id="tab-2" class="tab-pane">
				<div class="panel-body table-responsive">
					<table class="table table-hover table-bordered">
						<thead>
							<tr>
								<th width="10%">身份</th>
								<th width="10%">姓名</th>
								<th width="10%">电话</th>
								<th width="10%">邮箱</th>
								<th width="5%">证件类型</th>
								<th width="10%">证件号码</th>
								<th width="10%">证件照</th>
							</tr>
						</thead>
						<tbody>

							<% if(isNotEmpty(agentList)){ for(agent in agentList){ %>

							<tr>
								<td>${decode(agent.role,1,'经办人',2,'法人',3,'从业人员',4,'其他人员','')}</td>
								<td>${agent.name}</td>
								<td>${agent.phone}</td>
								<td>${agent.email}</td>
								<td>${decode(agent.cardType,1,'身份证',2,'营业执照',3,'其他有效证件','身份证')}</td>
								<td>${agent.cardNumber}</td>
								<td class="IDcard">
									<div class="col-sm-6">
										<img
											src="${uploaderFilesDomain!}${agent.cardFrontPicture!'/static/images/nopic.jpg'}"
											class="img-thumbnail" title="点击查看大图" alt="点击查看大图">
									</div>
									<div class="col-sm-6">
										<img
											src="${uploaderFilesDomain!}${agent.cardBackPicture!'/static/images/nopic.jpg'}"
											class="img-thumbnail" title="点击查看大图" alt="点击查看大图">
									</div>
								</td>

							</tr>
							<% } } %>
						</tbody>
					</table>
				</div>
			</div>

			<div id="tab-3" class="tab-pane">
				<div class="panel-body table-responsive">
					<table class="table table-hover table-bordered">
						<thead>
							<tr>
								<th width="10%">身份</th>
								<th width="10%">姓名</th>
								<th width="10%">电话</th>
								<th width="10%">邮箱</th>
								<th width="5%">证件类型</th>
								<th width="10%">证件号码</th>
								<th width="10%">证件照</th>
							</tr>
						</thead>
						<tbody>

							<% if(isNotEmpty(legalList)){ for(legal in legalList){ %>

							<tr>
								<td>${decode(legal.role,1,'经办人',2,'法人',3,'从业人员',4,'其他人员','')}</td>
								<td>${legal.name}</td>
								<td>${legal.phone}</td>
								<td>${legal.email}</td>
								<td>${decode(legal.cardType,1,'身份证',2,'营业执照',3,'其他有效证件','身份证')}</td>
								<td>${legal.cardNumber}</td>
								<td class="IDcard">
									<div class="col-sm-6">
										<img
											src="${uploaderFilesDomain!}${legal.cardFrontPicture!'/static/images/nopic.jpg'}"
											class="img-thumbnail" title="点击查看大图" alt="点击查看大图">
									</div>
									<div class="col-sm-6">
										<img
											src="${uploaderFilesDomain!}${legal.cardBackPicture!'/static/images/nopic.jpg'}"
											class="img-thumbnail" title="点击查看大图" alt="点击查看大图">
									</div>
								</td>

							</tr>
							<% } } %>
						</tbody>
					</table>
				</div>
			</div>

			<div id="tab-4" class="tab-pane">
				<div class="panel-body table-responsive">
					<form class="form-horizontal col-sm-offset-1" role="form">

						<!--<legend>公司基本信息</legend>-->
						<div class="form-group">
							<label for="companyName" class="control-label-info pull-left">经营场所：</label>
							<div class="col-sm-10">
								<div class="input-group col-sm-4">
									<input id="companyName" name="license.premises"
										class="form-control" type="text" value="${license.premises}"
										disabled>
								</div>
							</div>
						</div>

						<div class="form-group">
							<label for="companyName" class="control-label-info pull-left">经营面积：</label>
							<div class="col-sm-10" id="fooddrugBrandList">
								<div class="input-group col-sm-4">
									<input id="companyName" name="license.businessArea"
										class="form-control" type="text"
										value="${license.businessArea}" disabled> <span
										class="input-group-addon">平方米</span>
								</div>
							</div>
						</div>


						<div class="form-group">
							<label for="companyName" class="control-label-info pull-left">经济性质：</label>
							<div class="col-sm-10" id="fooddrugBrandList">
								<div class="input-group col-sm-4">
									<input id="companyName" name="license.businessNature"
										class="form-control" type="text"
										value="${decode(license.businessNature,1,'企业',2,'个体工商户',3,'农村合作社',4,'其他','')}"
										disabled>
								</div>
							</div>
						</div>

						<div class="form-group">
							<label for="companyName" class="control-label-info pull-left">主体业态：</label>
							<div class="col-sm-10" id="fooddrugBrandList">
								<div class="input-group col-sm-4">
									<input id="companyName" name="license.subjectFormats"
										class="form-control" type="text"
										value="${decode(license.subjectFormats,1,'食品销售经营者',2,'餐饮服务经营者',3,'单位食堂','')}"
										disabled>
								</div>
							</div>
						</div>

						<div class="form-group">
							<label for="companyName" class="control-label-info pull-left">经营类别：</label>
							<div class="col-sm-10" id="fooddrugBrandList">
								<% for(cate in businessCategoryList){
								if(license.businessCategory==cate.key){ %>
								<div class="input-group col-sm-4">
									<input id="subjectFormats" name="license.subjectFormats"
										class="form-control" type="text" value="${cate.text}" disabled>
								</div>
								<%}}%>
							</div>
						</div>
						<div class="form-group">
							<label for="companyName" class="control-label-info pull-left">经营项目：</label>
							<div class="col-sm-10" id="fooddrugBrandList">
								<% if(isNotEmpty(businessProjectMap)){for(project in
								businessProjectMap){ %>
								<div class="input-group col-sm-8">
									<label>${project.value}</label>
								</div>
								<%}}%>
							</div>
						</div>
					</form>
				</div>
			</div>



			<div id="tab-5" class="tab-pane">
				<div class="panel-body table-responsive">
					<table class="table table-hover table-bordered">
						<thead>
							<tr>
								<th width="10%">身份</th>
								<th width="10%">姓名</th>
								<th width="10%">电话</th>
								<th width="10%">职务</th>
								<th width="5%">证件类型</th>
								<th width="10%">证件号码</th>
								<th width="10%">健康证照</th>
							</tr>
						</thead>
						<tbody>

							<% if(isNotEmpty(employeeList)){ for(employee in employeeList){
							%>

							<tr>
								<td>${decode(employee.role,1,'经办人',2,'法人',3,'从业人员',4,'其他人员','')}</td>
								<td>${employee.name}</td>
								<td>${employee.phone}</td>
								<td>${decode(employee.job,1,'食品安全技术人员',2,'食品安全管理人员',3,'其他人员','未知')}</td>
								<td>${decode(employee.cardType,1,'身份证',2,'营业执照',3,'其他有效证件','身份证')}</td>
								<td>${employee.cardNumber}</td>
								<td class="IDcard">
									<div class="col-sm-6">
										<img
											src="${uploaderFilesDomain!}${employee.healthCertPicture!'/static/images/nopic.jpg'}"
											class="img-thumbnail" title="点击查看大图" alt="点击查看大图">
									</div>

								</td>


							</tr>
							<% } } %>
						</tbody>
					</table>
				</div>
			</div>


			<div id="tab-6" class="tab-pane">
				<div class="panel-body table-responsive">
					<table class="table table-hover table-bordered">
						<thead>
							<tr>
								<th width="10%">设备名称</th>
								<th width="10%">设备数量</th>
								<th width="10%">设备位置</th>
							</tr>
						</thead>
						<tbody>
							<% if(isNotEmpty(deviceList)){ for(device in deviceList){ %>
							<tr>
								<td>${device.deviceName}</td>
								<td>${device.number}</td>
								<td>${device.site}</td> <% } } %>
						</tbody>
					</table>
				</div>
			</div>

			<div id="tab-7" class="tab-pane">
				<div class="panel-body table-responsive">
					<table class="table table-hover table-bordered">
						<thead>
							<tr>
								<th width="15%">审批时间</th>
								<th width="15%">审批人</th>
								<th width="10%">状态</th>
								<th width="60%">消息</th>
							</tr>
						</thead>
						<tbody>
							<% if(isNotEmpty(flowProcessList)){ for(process in
							flowProcessList){ %>
							<tr>
								<td class="text text-center">${process.updateTime,"yyyy-MM-dd HH:mm:ss"}</td>
								<td>${process.auditorNickName!'-'}</td>
								<td>${webUtil.companyItemStatus(process.auditStatus!0)}</td>
								<td>${process.message}</td>
							</tr>
							<% } }else{ %>
							<tr>
								<td colspan="4" class="text-center text-muted">暂无数据</td>
							</tr>
							<% } %>
						</tbody>
					</table>
				</div>
			</div>



		</div>
	</div>
</div>
<% } %>
<script>
//页面JS调用
require([ 'fooddrug/apply' ], function(apply) {
	apply.view();
});
</script>
</body>
</html>